﻿@import url("../animate.css");

/* -----------------------
    FONT FACE DEFINITIONS 
   ----------------------- */

@font-face {
    font-family: 'Alegreya Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Alegreya Sans'), local('AlegreyaSans-Regular'), url(../../fonts/KYNzioYhDai7mTMnx_gDgtUFqmyT-Ih543PWa_C0ig4.woff) format('woff');
}

@font-face {
    font-family: 'Alegreya Sans Medium';
    font-style: normal;
    font-weight: 500;
    src: local('Alegreya Sans Medium'), local('AlegreyaSans-Medium'), url(../../fonts/11EDm-lum6tskJMBbdy9aeu_tG0Yx7qqITjSOZkMZIk.woff) format('woff');
}

@font-face {
    font-family: 'Metrophobic';
    font-style: normal;
    font-weight: 400;
    src: local('Metrophobic'), url(../../fonts/0IZPA9DbzKXnGZABsAivT4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: local('Muli'), url(../../fonts/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
}

@font-face {
    font-family: 'Candal';
    font-style: normal;
    font-weight: 400;
    src: local('Candal'), url(../../fonts/c4OCAZZ9bgJkVvcf-E79mQ.woff) format('woff');
}

/* ---------------------------
    OVERRIDING DEFAULT STYLES
   --------------------------- */

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Muli', sans-serif !important;
    padding-top: 70px;
    margin-bottom: 60px;
}

.navbar {
    font-family: 'Metrophobic', sans-serif !important;
}

.page-header h1 {
    font-family: 'Alegreya Sans Medium', sans-serif !important;
}

.page-header h1 small {
    font-family: 'Alegreya Sans', sans-serif !important;
}

.table {
    font-family: 'Muli', sans-serif !important;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
}

.container {
    width: auto;
    max-width: 960px;
    padding: 0 15px;
}
.container .text-muted {
    margin: 20px 0;
}

.label {
    font-size: 12pt;
    margin-left: 2px !important;
    margin-right: 2px !important;
}

/* ------------
    ANIMATIONS
   ------------ */

.navbar {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.page-header {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.table {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}